<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>卡片登记管理</title>
    <link href="../lib/layui/css/layui.css" rel="stylesheet" type="text/css" media="screen" />
    <script src="../lib/jquery-3.3.1.min.js" type="text/javascript" ></script>
    <script src="../lib/layui/layui.js" type="text/javascript" ></script>
    <script src="../js/cdcardpassmgr/cardMgr.js" type="text/javascript" ></script>
    <script type="text/html" id="barOperate">
        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail">详情</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
    </script>
</head>
<style>
    .layui-form-select dl {
        max-height: 160px;
    }
    .layui-form-label2 {
        float: left;
        display: block;
        padding: 9px 15px;
    }
    .floor-item {
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        margin-top: 5px;
    }
    .floor-item-text {
        margin-left: 10px;
    }
</style>
<body class="layui-layout-body" style="background-color:white;padding: 10px">
<div id="addCardDiv" style="display: none">
    <form class="layui-form"  id="resource_form" style="margin-top:1%">
        <input style="display: none" id="id" name="id">
        <input style="display: none" id="projectId" name="projectId">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">所属项:</label>
                <div class="layui-input-inline">
                    <input autocomplete="off" name="project" id="project" type="text" class="layui-input" placeholder="选择项目" />
                </div>
                <label class="layui-form-label">通行卡号:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" lay-verify="required|cardNum|number" lay-leng="8" name="cardNum" id="cardNum"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">车辆类型:</label>
                <div class="layui-input-inline">
                    <select lay-verify="required" name="typeId" id="typeId" lay-filter="typeSelect">
                    </select>
                </div>
                <label class="layui-form-label">车牌号:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="carNum" id="carNum"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">负责人员:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="principal" id="principal"/>
                </div>
                <label class="layui-form-label">联系方式:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="phone" id="phone"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">供货单位:</label>
                <div class="layui-input-inline">
                    <select lay-verify="required" name="ghdwId" id="ghdwId" lay-filter="ghdwId">
                    </select>
                </div>
                <label class="layui-form-label">承运单位:</label>
                <div class="layui-input-inline">
                    <select lay-verify="required" name="cydwId" id="cydwId" lay-filter="cydwId">
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">供应物料:</label>
                <div class="layui-input-inline">
                    <select lay-verify="required" name="gywlId" id="gywlId" lay-filter="gywlId"></select>
                </div>
                <label class="layui-form-label">物料规格:</label>
                <div class="layui-input-inline">
                    <select lay-verify="required" name="wlgg" id="wlgg" lay-filter="wlgg"></select>
<!--                    <input class="layui-input" name="wlgg" id="wlgg"/>-->
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">默认扣率:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" lay-verify="number" name="mrkl" id="mrkl"/>
                </div>
                <label class="layui-form-label">存放地点:</label>
                <div class="layui-input-inline">
<!--                    <input class="layui-input" name="cfdd" id="cfdd"/>-->
                    <select lay-verify="required" name="cfdd" id="cfdd" lay-filter="cfdd"></select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">备注:</label>
                <div class="layui-input-inline">
                    <input class="layui-input" name="remark" id="remark"/>
                </div>
            </div>
        </div>
        <div class='layui-input-block' >
            <button class="layui-btn" id="addCardForm" lay-submit="" lay-filter="addCardForm">提交</button>
            <button class="layui-btn"  id="cancel_form">取消</button>
        </div>
    </form>
</div>
<div class="layui-tab-brief" lay-filter="docDemoTabBrief">
    <div>
        <div class="layui-row">
            <div id="projectTree" class="layui-col-xs2 floor-group demo-tree demo-tree-box" style="width: 200px; height: 400px; overflow: scroll;"></div>
            <div class="layui-col-xs10">
                <div style="margin-left:5px;margin-top:10px; height: 45px">
                    <form class="layui-form">
                        <div class="layui-inline">
                            <div class="layui-input-inline">通行卡号:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <input class="layui-input" id="searcheCardNum" autocomplete="off"
                                       placeholder="请输入通行卡号">
                            </div>
                            <div class="layui-input-inline">车辆类型:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <select id="searchTypeId" ></select>
                            </div>
                            <div class="layui-input-inline">车牌号:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <input class="layui-input" id="searcheCarNum" autocomplete="off"
                                       placeholder="请输入车牌号">
                            </div>
                            <div class="layui-input-inline">负责人员:</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <input class="layui-input" id="searchePrincipal" autocomplete="off"
                                       placeholder="请输入负责人员">
                            </div>
                        </div>
                        <div class="layui-inline" style="margin-left: 10px;margin-top: 10px">
                            <button class="layui-btn" lay-submit="" lay-filter="queryCard" >查询</button>
                            <button class="layui-btn" type="button" onclick="reload()">重置</button>
                            <button class="layui-btn" type="button" onclick="addCard()">添加卡片</button>
                            <button class="layui-btn layui-btn-danger" lay-submit="" lay-filter="batchDelete" id="batchDelete">批量删除</button>
                            <button class="layui-btn layui-btn-normal" type="button" id="batchImport">批量导入</button>
                        </div>

                    </form>
                    <table class="layui-hide" id="cardTable" lay-filter="cardTable" style="width: 100%;"></table>
                </div>
            </div>

        </div>

    </div>
</div>
<!--  批量导入  -->
<div id="upload" style="display: none">
    <div>
        <p style="display: none;"><a id="downButton" target="_blank" href="../web/acs/downfile/cardTemplate.xlsx">1.下载模板  </a></p>
    </div>
    <form class="layui-form" style="margin-top:5%;margin-left: 1%">
        <div class="layui-input-inline" style="margin-left: 20px;margin-top: 2px;">
            <input type="text" id="file_name" name="file" lay-verify="required" style="width: 350px"  readonly autocomplete="off" class="layui-input">
        </div>
        <button type="button" class="layui-btn" id="uploadProductBtn">
            <i class="layui-icon">&#xe67c;</i>上传文件
        </button>
        <input type="file" style="display:none" class="layui-btn" id="uploadExcel">
        <button style="margin-top: 5px;margin-left: 19px" class="layui-btn" id="upload_form" lay-submit="" lay-filter="upload_form">提交</button>
        <button class="layui-btn" id="down_user_template" type="button" >模板下载</button>
    </form>
</div>
</body>

</html>